<template>
  <div class="user">
    <el-card>
      <!-- 添加或编辑 -->
      <Forms ref="refForms" :dialog="dialog" @refreshList="refreshList"></Forms>
      <!-- 展示数据列表 -->
      <Lists ref="refList" :dialog="dialog" @editUser="editUser"></Lists>
    </el-card>
  </div>
</template>

<script>
import Forms from "./component/Forms.vue";
import Lists from "./component/Lists.vue";

export default {
  components: { Forms, Lists },
  data() {
    return {
      // 控制对话框的显示与隐藏
      dialog: {
        isShowDialog: false,
      },
      
    };
  },
  methods: {
    // 刷新数据列表
    refreshList(){
      this.$refs.refList.getUserListData()
    },
    // 
    editUser(uid){
      this.$refs.refForms.getOneRoleData(uid)
    }
  },
 
};
</script>

<style scoped>
</style>